import { Component,EventEmitter ,OnInit,Input,Output } from '@angular/core';

@Component({
  selector: 'app-font-re-size',
  templateUrl: './font-re-size.component.html',
  styleUrls: ['./font-re-size.component.css']
})
export class FontReSizeComponent implements OnInit {
  @Input() size:number | string;//使用Input修饰符修饰接收父组件传递过来的值
  @Output() sizeChange = new EventEmitter<number>();//使用Output修饰符修改子组件想父组件发射一个事件
  constructor() { }

  ngOnInit() {
  }

  dec(){this.resize(-1)};
  inc(){this.resize(+1)};

  //定义字体的自增自减函数
  resize(delta:number){
    this.size = Math.min(40,Math.max(8, +this.size + delta));
    //将size发射出去
    this.sizeChange.emit(this.size);
  }

}
